<template>
    <div class="zt-community">
        <Form ref="formInline" :model="queryForm" inline :label-width="80">
            <Form-item label="小区名称：">
                <Input v-model="queryForm.namw" placeholder="请输入"></Input>
            </Form-item>
            <Form-item>
                <Button type="primary">查询</Button>
                <Button type="primary" @click="isAdd = true">新增</Button>
            </Form-item>
        </Form>
        <div>
        </div>
        <i-table  :columns="tableColums" :data="tableData" border>
             <template slot-scope="{ row }"
                    slot="operation">
            <span class="c169bd5">修改</span>
            <span class="ml30 c169bd5">删除</span>
          </template>
        </i-table>
        <!--分页-->
      <!-- <div class="lh80"> -->
        <Page
          :total="count"
          @on-change="changePage"
          show-total
        ></Page>
            <!-- 添加小区 -->
        <complex-add
          v-if="isAdd"
          @close="isAdd = false"
          @confirm="digAdd()"
        ></complex-add>
    </div>
</template>
<script lang="ts" src="./complex.ts"></script>